---
title: Alert
sidebar:
  order: 4
---

import Preview from "../../../components/Preview.astro";

Displays a callout for user attention.

<Preview src="alert?style=primary">

```dart
ShadAlert(
  icon: Icon(LucideIcons.terminal),
  title: Text('Heads up!'),
  description:
      Text('You can add components to your app using the cli.'),
),
```

</Preview>

## Destructive

<Preview src="alert?style=destructive">

```dart
ShadAlert.destructive(
  icon: Icon(LucideIcons.circleAlert),
  title: Text('Error'),
  description:
      Text('Your session has expired. Please log in again.'),
)
```

</Preview>
